/**
 * @功能描述: 基础列表样式组件
 * @author: lzn
 * @date: 2022-09-22 09:21:37
 * @version: 1.0
 */
@import '../../style/index';

// 控制list 大小
@mixin base-list-size($size) {
  .base-list-header, .base-list-footer, .base-list-item {
    padding: $size;
  }
}

// 基础列表样式
@include b(base-list) {
  position: relative;
  @include base-list-size($list-size);
  // 搭尺寸列表
  &.base-list-lg {
    @include base-list-size($list-size-lg);
  }
  // 小尺寸列表
  &.base-list-sm {
    @include base-list-size($list-size-sm);
  }
}

// 列表border
@include b(list-bordered) {
  border: 1px solid #d9d9d9;
  border-radius: $border-radius-base;
  .base-list-header, .base-list-item {
    border-bottom: $border-base;
    border-color: $border-color-light;
  }
}

// 列表项样式
.yw-list-grid .yw-col > .yw-list-item {
  display: block;
  max-width: 100%;
  margin-bottom: 16px;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}
